// 以下为官方示例
var datalist = []
var datalist2 = []
var datalist3 = []

$().ready(function () {
    getAreaTree();
    validateRule();
    $("#sex").val($("#sexHidden").val());
    $("#type").val($("#typeHidden").val());
    $("#schoolLevel").val($("#schoolLevelType").val());
    $("#state").val($("#stateType").val());
    $("#quiz1").val($("#province").val())
    $("#quiz2").val($("#city").val())
    $("#quiz3").val($("#district").val())
    // $("#signupForm").validate();

    if (!$("#img").val()) {
        $(".closeBtn").html('');
    }

});

$(() => {
    $('#quiz1').change(() => {
        let quiz1 = $('#quiz1').val()
        // $("#quiz2").empty()
        // $("#quiz3").empty()
        let cityList2 = datalist.find((item) => item.value == quiz1).childrenList
        datalist2 = datalist.find((item) => item.value == quiz1).childrenList
        for (let key in cityList2) {
            var a = cityList2[key]
            $("#quiz2").append("<option value='" + a.value + "'>" + a.value + "</option>");
        }

    })
    $('#quiz2').change(() => {
        let quiz2 = $('#quiz2').val()
        if ($("#quiz3").val()) {
            $("#quiz3").empty()
        }
        let cityList3 = datalist2.find((item) => item.value == quiz2).childrenList
        for (let key in cityList3) {
            var a = cityList3[key]
            $("#quiz3").append("<option value='" + a.value + "'>" + a.value + "</option>");
        }
        // console.log(quiz2)
        // $('#quiz2').val(quiz2)
    })
});

var type = $("#types").val();
if (type == 0) {
    $(".student").show();
    $(".teacher").hide();
} else if (type == 1 || type == 2) {
    $(".student").hide();
    $(".teacher").show();
}

$("#userType").val(type)
$("#userType").change(function () {
    if ($(this).val() == 0) {
        $(".student").show();
        $(".teacher").hide();
    } else if ($(this).val() == 1 || $(this).val() == 2) {
        $(".student").hide();
        $(".teacher").show();
    }
})

function getAreaTree() {
    $.ajax({
        cache: true,
        type: "GET",
        url: "/secretKey/getAreaTree",
        async: false,
        error: function (request) {
            parent.layer.alert("Connection error");
        },
        success: function (data) {
            datalist = data.data
            if (data.data.length == 0) {
                $("#quiz1").append('<option value="">暂无数据</option>');
                $("#quiz2").append('<option value="">暂无数据</option>');
                $("#quiz3").append('<option value="">暂无数据</option>');
            } else {
                $("#quiz1").append('<option value="">请选择</option>');
                $("#quiz2").append('<option value="">请选择</option>');
                $("#quiz3").append('<option value="">请选择</option>');
                for (let key in data.data) {
                    var a = data.data[key]
                    $("#quiz1").append("<option value='" + a.value + "'>" + a.value + "</option>");
                }

                let quiz1 = $('#province').val()
                datalist2 = datalist.find(item => item.value == quiz1).childrenList
                $('#quiz2').append("<option value='" + datalist2.find(item => item.value == $("#city").val()).value + "'>" + datalist2.find(item => item.value == $("#city").val()).value + "</option>")
                for (let key in datalist2) {
                    var b = datalist2[key]
                    $("#quiz2").append("<option value='" + b.value + "'>" + b.value + "</option>");
                }
                datalist3 = datalist2.find(item => item.value == $('#city').val()).childrenList
                $('#quiz3').append("<option value='" + datalist3.find(item => item.value == $("#district").val()).value + "'>" + datalist3.find(item => item.value == $("#district").val()).value + "</option>")
                for (let key in datalist3) {
                    var c = datalist3[key]
                    $("#quiz3").append("<option value='" + c.value + "'>" + c.value + "</option>");
                }
                // let quiz2 = $('#quiz2').val()
                // if($("#quiz3").val()){
                // 	$("#quiz3").empty()
                // }
                // let cityList3 = datalist2.find((item) => item.value == quiz2).childrenList
                // for (let key in cityList3) {
                // 	var a = cityList3[key]
                // 	$("#quiz3").append("<option value='" + a.value + "'>" + a.value + "</option>");
                // }


            }

        }
    });

}

function update() {

    if (!$("#username").val()) {
        layer.msg('请输入用户姓名');
        return false;
    }
    if (!$("#mobile").val()) {
        layer.msg('请输入电话号码');
        return false;
    }

    if ($("#userType").val() == 0) {
        $(".teacher").remove();
    }
    if ($("#userType").val() == 1 || $("#userType").val() == 2) {
        $(".student").remove();
    }

    $("#roleIds").val(getCheckedRoles());
    $.ajax({
        cache: true,
        type: "POST",
        url: "/sys/user/fromUpdate",
        data: $('#signupForm').serialize(),// 你的formid
        async: false,
        error: function (request) {
            alert("Connection error");
        },
        success: function (data) {

            if (data.code == 0) {
                parent.layer.msg(data.msg);
                parent.reLoad();
                var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
                parent.layer.close(index);

            } else {
                parent.layer.msg(data.msg);
            }

        }
    });
}

function getCheckedRoles() {
    var adIds = "";
    $("input:checkbox[name=role]:checked").each(function (i) {
        if (0 == i) {
            adIds = $(this).val();
        } else {
            adIds += ("," + $(this).val());
        }
    });
    return adIds;
}

function setCheckedRoles() {
    var roleIds = $("#roleIds").val();
    alert(roleIds);
    var adIds = "";
    $("input:checkbox[name=role]:checked").each(function (i) {
        if (0 == i) {
            adIds = $(this).val();
        } else {
            adIds += ("," + $(this).val());
        }
    });
    return adIds;
}

function validateRule() {
    var icon = "<i class='fa fa-times-circle'></i> ";
    $("#signupForm").validate({
        rules: {
            name: {
                required: true
            },
            username: {
                required: true,
                minlength: 2
            },
            password: {
                required: true,
                minlength: 6
            },
            confirm_password: {
                required: true,
                minlength: 6,
                equalTo: "#password"
            },
            email: {
                // required : true,
                email: true
            },
            type: {
                required: true
            },
            topic: {
                required: "#newsletter:checked",
                minlength: 2
            },
            agree: "required"
        },
        messages: {

            name: {
                required: icon + "请输入姓名"
            },
            username: {
                required: icon + "请输入您的用户名",
                minlength: icon + "用户名必须两个字符以上"
            },
            password: {
                required: icon + "请输入您的密码",
                minlength: icon + "密码必须6个字符以上"
            },
            confirm_password: {
                required: icon + "请再次输入密码",
                minlength: icon + "密码必须6个字符以上",
                equalTo: icon + "两次输入的密码不一致"
            }
        }
    })
}

var openDept = function () {
    layer.open({
        type: 2,
        title: "选择部门",
        area: ['300px', '450px'],
        content: "/sys/dept/treeView"
    })
}

function loadDept(deptId, deptName) {
    $("#deptId").val(deptId);
    $("#deptName").val(deptName);
}

$(".iconclose").click(function () {
    $('#upImg').attr('src', '');
    $(".closeBtn").hide();
    $("#img").val('');
})

layui.use(['upload', 'laydate'], function () {
    var upload = layui.upload, laydate = layui.laydate;

    laydate.render({
        elem: '#timeOfEnrollment'
        , type: 'month'
    });

    upload.render({
        elem: '#btnAdd',
        url: '/common/sysFile/upload',
        accept: 'images', //只允许上传图片
        acceptMime: 'image/*', //只筛选图片
        multiple: true,
        number: 5,
        size: 10240,
        done: function (r) {


            $(".closeBtn").html(`
				<img id="upImg" src="${r.data}" alt="" width="100" height="100"><span class="iconclose"><img src="../../../img/close.png"></span>
			`);

            $("#img").val(r.data);

            $(".iconclose").click(function () {
                $(".closeBtn").html('');
                $("#img").val('');
            })

        },
        error: function (r) {
            layer.msg(r.msg);
        }
    });
});